<template>
	<!-- 求职者 首页-->
	<view class="v-index" :class="popupShow ? 'all-list' : ''">
		<my-head ref="myHead" :bg="headBg" :region="region" :color="fontColor" v-on:activation="fnActivation"
			v-on:updatePattern="updatePattern" @selCity="selCity" @locationFilter="locationFilter"></my-head>
		<!-- 吸顶 -->
		<u-sticky offset-top="0">
			<view :style="{ background: headBg }">
				<view class="icon-screen fl-t" :style="{ color: tabfontColor }"
					:class="{ 'tab-color1': activation && pattern }">
					<scroll-view scroll-x class="tabscrollview">
						<view class="tabs">
							<view class="tabs-text" :class="{ 'tabs-text1': activation }"
								v-if="qiuzhiyixiangData.length == 0">点击右侧"+"号创建求职意向吧~
							</view>
							<template v-else>
								<view class="tabs-item" v-for="(item, index) in qiuzhiyixiangData" :key="index"
									@click="clickTabs(item, index)" :class="{
                    item: tab == index,
                    item1: activation && tab == index,
                    item2: activation && tab !== index,
                  }">
									{{ item.PositionName }}
									<view v-if="activation && tab == index"></view>
								</view>
							</template>
						</view>
					</scroll-view>

					<view class="icon-box fl-lr-c" style="padding: 0 16rpx; margin: 0 8rpx">
						<image v-if="!activation" src="/static/recruit/index/add.png" mode="" @click="JobIntention">
						</image>
						<image v-else src="/static/recruit/index/add1.png" mode="" @click="JobIntention"></image>
						<image v-show="activation" src="/static/recruit/index/saixuan1.png" mode="" @click="fnScreen()">
						</image>
						<image v-show="!activation" src="/static/recruit/index/saixuan.png" mode="" @click="fnScreen()">
						</image>
					</view>
				</view>

				<view style="width: 100%; height: 88rpx" v-if="!activation"></view>
			</view>
		</u-sticky>

		<!-- 整体 -->
		<view>
			<scroll-view v-if="!pattern" scroll-y class="scrollview" @scrolltolower="ReachBottom"
				:style="{ height: boxHeight + 'px' }" style="padding: 0 20rpx; width: auto">
				<view v-if="shouyeDataList.length > 0">
					<!-- 为您推荐 v-for="item in  List" -->
					<view class="content3" @click="JobDetails(item)" v-for="(item, index) in shouyeDataList"
						:key="index">
						<view class="fl-lr-c viewclss">
							<view class="job_name">
								{{ item.JobName }}
							</view>
							<view class="wages" v-if="item.Negotiable">
								{{ item.Negotiable ? "面议" : "" }}
							</view>
							<view class="wages" v-else>
								{{ item.MinWage / 1000 }}k-{{ item.MaxWage / 1000 }}k
							</view>
						</view>
						<view class="requirement fl-t">
							<view>{{ item.EducationDesc }}</view>
							<view v-if="item.Graduate">应届生</view>
							<view v-else-if="item.Student">在校生</view>
							<view v-else>{{ item.MinExperience }}~{{ item.MaxExperience }}年经验</view>
							<view v-if="item.WorkType == 0">全职</view>
							<view v-else-if="item.WorkType == 1">兼职</view>
							<view v-else>实习</view>
							<view>招{{ item.Amount }}人</view>
						</view>
						<view class="treatment">
							<view v-if="item.OfficeHours">{{ item.OfficeHours }} </view>
							<view v-if="item.Holiday">{{ item.Holiday }}</view>
						</view>
						<view class="company-bottom fl-lr-c">
							<view class="left-company fl-t">
								<image class="logo" :src="imgStr(item)" mode=""></image>

								<view class="stateCla">
									<view v-if="item.UserOnlineInfo">
										<view class="onlineStateCla" v-if="item.UserOnlineInfo.State == true">
										</view>
									</view>
									<view class="noOnlineStateCla" v-else></view>
								</view>
								<view class="fl-t company-name-box">
									<view class="company-name">{{ item.Corp.FullName }}</view>
								</view>
							</view>
							<view class="position_item1 fl-t">
								<view>{{ item.PcaAddress }}</view>
							</view>
						</view>
					</view>
				</view>
				<u-loadmore :status="status" v-if="!shouyeDataList.length == 0" />
				<!-- 暂无数据页面 -->
				<view class="queshenye" v-else>
					<view class="queshenye-chi">
						<view style="padding-top: 30%">
							<image src="/static/image/queshengye.png"></image>
						</view>
						<view>暂无数据</view>
					</view>
				</view>
			</scroll-view>

			<view v-if="pattern">
				<!--视频-->
				<view class="content" v-if="activation">
					<view class="uni-margin-warp" v-if="videoList.length > 0">
						<swiper class="swiperbanner" :circular="false" :indicator-dots="indicatorDotsVideo"
							:current="currentIndexVideo" :autoplay="false" @change="swiperVideoChange" :vertical="true"
							@touchstart="touchStart" @touchend="touchEnd">
							<swiper-item class="swiperbanner-item" v-for="(item, index) in videoList" :key="index">
								<view class="banner">
									<view class="iframe" v-html="htmlText(item)"> </view>
									<view class="bottom_bar fl-t">
										<view class="fl-c-c">
											<image src="/static/recruit/index/zwms.png" mode=""
												@click="JobDescriptionmiaoshu(item)">
											</image>
											<view class="but-text">职位描述</view>
										</view>
										<view class="fl-c-c" @click="JobDescriptiongxq(item)">
											<image v-if="item.IsCollect" src="/static/recruit/index/gxq1.png" mode="">
											</image>
											<image v-else src="/static/recruit/index/gxq2.png" mode="">
											</image>
											<view class="but-text">感兴趣</view>
										</view>
										<view class="fl-c-c">
											<image src="/static/recruit/index/dzh.png" mode=""
												@click="JobDescriptionzh(item)">
											</image>
											<view class="but-text">打招呼</view>
										</view>
									</view>
								</view>
							</swiper-item>
							<!-- <view v-else style="text-align: center;">暂无数据</view> -->
							<!-- 暂无数据页面 -->
						</swiper>
					</view>
					<view class="queshenye" v-else>
						<view class="queshenye-chi">
							<view style="padding-top: 30%">
								<image src="/static/image/queshengye.png"></image>
							</view>
							<view>暂无数据</view>
						</view>
					</view>
				</view>

				<!--推荐-->
				<view class="content2" v-else>
					<view class="uni-margin-wrap" v-if="shouyeDataList.length > 0">
						<swiper class="banner" :circular="false" :indicator-dots="indicatorDots" :current="currentIndex"
							:autoplay="false" @change="swiperChange">
							<swiper-item class="swiper-banner_item" v-for="(item, index) in shouyeDataList"
								:key="index">
								<view class="banner_item">
									<view class="position_item">
										<view class="position_name">
											{{ item.JobName }}
										</view>
										<view class="wages" v-if="item.Negotiable">
											{{ item.Negotiable ? "面议" : "" }}
										</view>
										<view class="wages" v-else>
											{{ item.MinWage / 1000 }}k-{{ item.MaxWage / 1000 }}k
										</view>
									</view>
									<view class="requirements">
										<view class="fl-t">
											<image src="/static/recruit/index/xueli.png" mode=""></image>
											<view v-if="item.Education == 1">初中及以下</view>
											<view v-else-if="item.Education == 2">高中</view>
											<view v-else-if="item.Education == 3">中专/中技</view>
											<view v-else-if="item.Education == 4">大专</view>
											<view v-else-if="item.Education == 5">本科</view>
											<view v-else-if="item.Education == 6">硕士</view>
											<view v-else>博士</view>
										</view>
										<view class="fl-t">
											<image src="/static/recruit/index/jingyan.png" mode=""></image>
											<view v-if="item.Graduate">应届生</view>
											<view v-else-if="item.Student">在校生</view>
											<view v-else>{{ item.MinExperience }}~{{
                          item.MaxExperience
                        }}年经验</view>
										</view>
										<view class="fl-t">
											<image src="/static/recruit/index/time.png" mode=""></image>
											<view v-if="item.WorkType == 0">全职</view>
											<view v-else-if="item.WorkType == 1">兼职</view>
											<view v-else>实习</view>
										</view>
										<view class="fl-t">
											<image src="/static/recruit/index/ren.png" mode=""></image>
											<view>招{{ item.Amount }}人</view>
										</view>
									</view>
									<view class="company-box fl-t">
										<view class="company-box-top">
											<view class="stateCla">
												<view class="onlineStateCla" v-if="
                            item.UserOnlineInfo !== null &&
                            item.UserOnlineInfo.State == true
                          ">
												</view>
												<view class="noOnlineStateCla" v-else></view>
											</view>
											<image class="logo" :src="imgStr(item)" mode=""></image>
										</view>
										<view class="company-box-right">
											<view class="company_name" @click="qiyexiangqing(item)">
												{{ item.Corp.FullName }}
											</view>
											<view class="fl-t">
												<view class="release_time">
													{{ item.PcaAddress }}
												</view>
											</view>
										</view>
									</view>

									<view class="JobDescription"> 职位详情 </view>
									<view class="content_d">
										<text class="li">
											{{ item.Content }}
										</text>
									</view>
								</view>
								<view class="bottom_bar fl-t">
									<!-- 	<view class="fl-c-c" @click="JobDescriptionbgxq(item)">
											<image src="/static/recruit/index/bgxq.png" mode=""></image>
											<view class="but-text">不感兴趣</view>
										</view> -->
									<view class="fl-c-c" @click="JobDescriptiongxq(item)">
										<image v-if="item.IsCollect" src="/static/recruit/index/gxq1.png" mode="">
										</image>
										<image v-else src="/static/recruit/index/gxq.png" mode="">
										</image>
										<view class="but-text">感兴趣</view>
									</view>
									<view class="fl-c-c" @click="JobDescriptionzh(item)">
										<image src="/static/recruit/index/dzh1.png" mode=""></image>
										<view class="but-text">打招呼</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
					<view class="queshenye" v-else>
						<view class="queshenye-chi">
							<view style="padding-top: 30%">
								<image src="/static/image/queshengye.png"></image>
							</view>
							<view>暂无数据</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!--切换-->
		<u-popup backgroundColor="#fff" :height="1000" :show="popupShow"
			@close="(popupShow = false), (showVideo = true)">
			<view class="banner_item">
				<view class="title">
					<view>职位详情</view>
				</view>
				<view class="position_item">
					<view class="position_name">{{ popupVideoList.JobName }} </view>
					<view class="wages" v-if="popupVideoList.Negotiable">
						{{ popupVideoList.Negotiable ? "面议" : "" }}
					</view>
					<view class="wages" v-else>
						{{
              popupVideoList.MinWage > 1000
                ? popupVideoList.MinWage / 1000 + "K~"
                : ""
            }}{{
              popupVideoList.MaxWage > 1000
                ? popupVideoList.MaxWage / 1000 + "K"
                : ""
            }}
					</view>
				</view>
				<view class="requirements">
					<view class="fl-t">
						<image src="/static/recruit/index/xueli.png" mode=""></image>
						{{ popupVideoList.EducationDesc }}
					</view>
					<view class="fl-t">
						<image src="/static/recruit/index/jingyan.png" mode=""></image>
						{{ popupVideoList.MinExperience }}-{{
              popupVideoList.MaxExperience
            }}年经验
						<view v-if="popupVideoList.Graduate">应届生</view>
						<view v-else-if="popupVideoList.Student">在校生</view>
						<view v-else>{{ popupVideoList.MinExperience }}~{{
                popupVideoList.MaxExperience
              }}年经验</view>
					</view>
					<view class="fl-t">
						<image src="/static/recruit/index/time.png" mode=""></image>
						{{
              popupVideoList.WorkType == 0
                ? "全职"
                : popupVideoList.WorkType == 1
                ? "兼职"
                : popupVideoList.WorkType == 2
                ? "实习"
                : ""
            }}
					</view>
					<view class="fl-t">
						<image src="/static/recruit/index/ren.png" mode=""></image>
						招{{ popupVideoList.Amount }}人
					</view>
				</view>
				<view class="company-box fl-t">
					<image class="logo" :src="
              URL +
              (popupVideoList.Corp && popupVideoList.Corp.LogoPath
                ? popupVideoList.Corp.LogoPath
                : '')
            " mode=""></image>
					<view class="company-box-right">
						<view class="title" @click="companyDetails">
							<view class="company_name">{{ popupVideoList.CorpName }}</view>
							<view>
								<u-icon name="arrow-right" color="#333" size="14"></u-icon>
							</view>
						</view>

						<view class="fl-t">
							<view class="release_time">
								{{ popupVideoList.PcaAddress }}
							</view>
						</view>
					</view>
				</view>
				<view class="JobDescription"> 工作时间 </view>
				<view class="position">
					<view v-if="popupVideoList.OfficeHours" class="position-name">{{ popupVideoList.OfficeHours }}
					</view>
					<view v-if="popupVideoList.Holiday" class="position-name">{{
            popupVideoList.Holiday
          }}</view>
				</view>

				<view class="JobDescription"> 职位详情 </view>
				<view class="content_d">
					<text class="li">
						{{ popupVideoList.Content }}
					</text>
				</view>
			</view>
		</u-popup>

		<u-popup :show="showMyResume" @close="close" @open="open" mode="center" :round="10">
			<view class="upopup">
				<view class="upopupnr">
					{{ tankuangText }}
				</view>
				<view class="but">
					<text @click="clicklist" class="upopupnrbut">去完善简历</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import myHead from "@/pages/component/head.vue";
	import area from "@/pages/component/area.js";
	const app = getApp();
	var time = null;
	export default {
		data() {
			return {
				areaOptions: area, //地址
				ss: "/static/recruit/index/xyg.png",
				URL: this.$config.domain.staticUrl,
				num: 0,
				activation: false, // 视频 推荐
				fontColor: "#fff",
				tabfontColor: "#000",
				headBg: "#1684FC",
				tabBg: "#f9f9f9",
				popupShow: false,
				region: [],
				pattern: true, // 模式
				showPicker: false,
				onloadCode: "",
				showVideo: true,
				tabNum: 0,
				tab: 0,
				currentIndex: 0, //轮播图current
				currentIndexVideo: 0, //轮播图current
				IntentionData: [], //求职意向
				//推荐
				page: 1,
				size: 5,
				more: true,
				//推荐总数据    筛选条件 城市 职位  学历  薪资  经验  行业  规模  融资
				List: [{}],
				//视频
				page1: 1,
				size1: 20,
				more1: true,
				videoList: [], //推荐总数据    筛选条件 城市 职位  学历  薪资  经验  行业  规模  融资

				city: -1, //城市  未加载完成
				position: "", //职业名称
				//筛选条件
				screens: {
					state: false,
					list: [],
				},
				pageindex: 1,
				pagesize: 10,
				KeyWord: "", //关键字
				ProvinceCode: "", //工作地点 省
				CityCode: "", //工作地点 市
				AreaCode: "", //工作地点 区
				PositionId: "", //string or null 职位 多个,隔开
				IndustryIds: "", //string or null 行业 多个,隔开
				Wage: "", //薪资待遇 如 3000-5000 参考字典
				Education: "", //string  or null 学历要求 多个,隔开 如2,3 参考字典
				Experience: "", //string  or null 工作经验 多个,隔开 如2,3 参考字典
				WorkType: null, //职位性质 0全职 1兼职 2实习
				JobType: null, //招聘类型 0社招 1校招
				Category: null, //企业性质
				Stage: null, //融资阶段
				Scale: null, //企业规模
				Size: null, //人员规模
				IsVideo: 0, //视频招聘 0 所有 1 视频 2 非视频
				status: "loadmore",
				flag: true,
				qizhiyixiangDataList: [], //求职意向数据
				fuliDataList: [], //福利待遇存储数据
				shouyeDataList: [], //列表存储数据
				searchDataList: this.shouyeData,
				qiuzhiyixiangData: [],
				background: ["color1", "color2", "color3"],
				indicatorDots: false,
				autoplay: true,
				interval: 2000,
				duration: 500,
				indicatorDotsVideo: false,
				autoplayVideo: true,
				intervalVideo: 2000,
				durationVideo: 1000,
				boxHeight: wx.getSystemInfoSync().windowHeight - 48 - 37, //获取当前屏幕高度
				showVideoView: false,

				showgxq: true, //显示感兴趣
				pageStartY: 0,
				pageEndY: 0,
				popupVideoList: "", //视频弹框显示数据
				accountcurrentUser: "", //当前登录信息
				showMyResume: false, //弹框提示没有简历
				ResumeId: "",
				tankuangText: "",
			};
		},
		props: {
			shouyeData: {
				type: Array,
			},

			myresumes: {
				type: Object,
			},
		},
		onLoad(o) {
			// this.getJobIntention(); //求职意向
			// //添加求职意向后更新数据
			// uni.$on('UpdateJobSearch', res => {
			// 	console.log("职意向后更新数据")
			// 	this.getJobIntention()
			// });
		},
		onUnload() {
			// uni.$off('getScreenData');
			// uni.$off('UpdateJobSearch');
		},

		// 子组件
		components: {
			myHead,
		},

		watch: {
			qiuzhiyixiangData: {
				handler(nVal) {
					if (nVal.length > 0) {
						this.qiuzhiyixiangData = nVal;
						this.shouyeDataList = [];
						if (this.tab >= this.qiuzhiyixiangData.length) {
							this.tab = 0;
							this.PositionId = this.qiuzhiyixiangData[this.tab].PositionId;
							this.pageindex = 1;
							this.pagesize = 10;
							this.shouyeDataList = [];
							this.dataList();
						} else {
							this.PositionId = this.qiuzhiyixiangData[this.tab].PositionId;
						}
					} else {
						this.pageindex = 1;
						this.pagesize = 10;
						this.shouyeDataList = [];
					}
				},
				immediate: true,
				deep: true,
			},
			tab: {
				handler(nVal) {
					console.log("tab", nVal);
				},
			},
			city: {
				handler(city, oldCity) {
					this.empty();
					// this.getJobWanted()
				},
				immediate: false,
			},
			shouyeData: {
				handler(nVal) {
					// console.log(nVal)
					// this.qiuzhiyixiangData()
					this.searchDataList = nVal;
					// console.log(this.searchDataList);
					// console.log(this.activation)
					if (this.activation) {
						//视频
						this.fontColor = "#fff";
						this.headBg = "#151724";
						this.tabfontColor = "#fff";
					} else {
						//推荐
						this.fontColor = "#fff";
						this.headBg = "#1684FC";
						this.tabfontColor = "#000";
					}
					if (this.activation) {
						this.IsVideo = 1;
						for (var i = 0; i < nVal.length; i++) {
							// console.log(res[i]);
							if (this.searchDataList[i].activation !== 0) {
								for (var j = i; j < this.searchDataList[i].data.length; j++) {
									if (this.searchDataList[i].title == "薪资待遇") {
										this.Wage =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
										// console.log(this.Wage);
									}
									if (this.searchDataList[i].title == "学历要求") {
										this.Education =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "经验要求") {
										this.Experience =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "行业") {
										this.IndustryIds =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "融资阶段") {
										this.Stage =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "人员规模") {
										this.Size =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
								}
							} else {
								if (i == 0) {
									this.Wage = "";
								} else if (i == 1) {
									this.Education = "";
								} else if (i == 2) {
									this.Experience = "";
								} else if (i == 3) {
									this.IndustryIds = "";
								} else if (i == 4) {
									this.Stage = "";
								} else {
									this.Size = "";
								}
							}
						}
						this.fuliDataList = [];
						this.videoList = [];
						// this.PositionId = ''
					} else {
						for (var i = 0; i < this.searchDataList.length; i++) {
							// console.log(res[i]);
							if (this.searchDataList[i].activation !== 0) {
								for (var j = i; j < this.searchDataList[i].data.length; j++) {
									if (this.searchDataList[i].title == "薪资待遇") {
										this.Wage =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "学历要求") {
										this.Education =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "经验要求") {
										this.Experience =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "行业") {
										this.IndustryIds =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "融资阶段") {
										this.Stage =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
									if (this.searchDataList[i].title == "人员规模") {
										this.Size =
											this.searchDataList[i].data[
												this.searchDataList[i].activation
											].EnCode;
									}
								}
							} else {
								if (i == 0) {
									this.Wage = "";
								} else if (i == 1) {
									this.Education = "";
								} else if (i == 2) {
									this.Experience = "";
								} else if (i == 3) {
									this.IndustryIds = "";
								} else if (i == 4) {
									this.Stage = "";
								} else {
									this.Size = "";
								}
							}
						}
						this.fuliDataList = [];
						this.shouyeDataList = [];
						// this.PositionId = ''
					}
				},
			},
		},
		//  组件实例已经完全创建
		created() {},
		// 挂载之后
		mounted() {},

		// 计算属性
		computed: {},
		//计算方法
		methods: {
			upDatas() {
				this.JobExpectsData();
			},
			JobExpectsData() {
				this.$http.huirc
					.resumemy()
					.then((res) => {
						if (res.Success) {
							this.qiuzhiyixiangData = res.Result.JobExpects;
							// console.log("求职意向", this.qiuzhiyixiangData);
							if (this.qiuzhiyixiangData.length > 0) {
								this.PositionId = this.qiuzhiyixiangData[this.tab].PositionId;
							}
						}
					})
					.then((res) => {
						this.shouyeDataList = [];
						this.pageindex = 1;
						this.dataList();
					});
			},
			htmlText(val) {
				const url = this.videoStr(val);

				return `<video style="max-height: 100%;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);" objectFit="cover" width="300px" height="300px"  loop="loop"
												 src="${url}"  autoplay  enable-play-gesture></video>`;
			},
			videoStr(item) {
				if (this.videoList.Corp && this.videoList.Corp.VedioPaths) {
					return this.URL + JSON.parse(this.videoList.Corp.VedioPaths);
				} else {
					return this.URL + "/upfile/c/10000/390711041708165.mp4";
				}
			},
			// 显示头像
			imgStr(item) {
				if (item.Corp && item.Corp.LogoPath != "") {
					return this.URL + item.Corp.LogoPath;
				} else {
					return "/static/static/images/default-corp-logo.png";
				}
			},
			// 求职意向栏
			qiuzhiyixiangDatas() {
				if (this.qiuzhiyixiangData.length > 0) {
					this.PositionId = this.qiuzhiyixiangData[this.tab].PositionId;
				} else {
					this.pageindex = 1;
					this.pagesize = 10;
				}
				// this.dataList()
			},
			//点击tabs
			clickTabs(item, index) {
				// console.log(item, index);
				if (this.tab == index) return;
				this.tab = index;
				if (!this.activation) {
					this.PositionId = item.PositionId;
					this.shouyeDataList = [];
					this.searchDataList = [];
					this.emtys();
					this.pageindex = 1;
					this.pagesize = 10;
					this.dataList();
				} else {
					this.PositionId = item.PositionId;
					this.videoList = [];
					this.searchDataList = [];
					this.emtys();
					this.pageindex = 1;
					this.pagesize = 10;
					this.dataList();
				}
			},
			emtys() {
				this.Wage = "";
				this.Education = "";
				this.Experience = "";
				this.IndustryIds = "";
				this.Stage = "";
				this.Size = "";
			},
			// 不感兴趣
			JobDescriptionbgxq(item) {
				// console.log(item);
				this.currentIndex += 1;
			},
			// 卡片 点击感兴趣
			JobDescriptiongxq(item) {
				console.log(item);
				let currentUser = uni.getStorageSync("homelist");
				if (
					currentUser.UserResumeInfo &&
					currentUser.UserResumeInfo.IsUsable == 1
				) {
					if (item.IsCollect) {
						let Id = {
							Ids: [item.Id],
						};
						this.$http.huirc.collectdel(Id).then((res) => {
							// console.log("取消", res);
							if (res.Success) {
								this.$util.toast(res.Message);
								item.IsCollect = false;
							} else {
								this.$util.toast("操作失败");
							}
						});
					} else {
						let Ids = {
							Ids: [item.Id],
						};
						this.$http.huirc.collectadd(Ids).then((res) => {
							// console.log("添加:", res);
							if (res.Success) {
								this.$util.toast(res.Message);
								item.IsCollect = true;
							} else {
								// this.open()
								this.$util.toast("操作失败");
							}
						});
					}
				} else {
					this.tankuangText = "收藏职位之前，请先完善简历";
					this.open();
				}
			},

			open() {
				// console.log('open');
				this.showMyResume = true;
			},
			close() {
				this.showMyResume = false;
				// console.log('close');
			},
			clicklist() {
				uni.navigateTo({
					url: "/pages/views/packageB/type-jobhunting/resume/resume",
				});
				this.close();
			},
			// 点击打招呼
			JobDescriptionzh(item) {
				// console.log(item);
				// console.log(uni.getStorageSync("homelist"));
				let currentUser = uni.getStorageSync("homelist");
				if (
					currentUser.UserResumeInfo &&
					currentUser.UserResumeInfo.IsUsable == 1
				) {
					let obj = {
						UserId: app.globalData.user.UserId,
						JobId: item.Id,
						HasChat: 1,
						ApplyWay: 2,
					};
					this.$http.huirc.jobUserRecordup(obj).then((res) => {
						if (res.Success) {
							// console.log(res.Result)
							// CorpId 企业ID  JobUserId职位发布者ID C2C{CorpId}_{JobUserId}

							if (item.CorpId && item.PublisherId) {
								let conversationID = "C2C" + item.CorpId + "_" + item.PublisherId;
								const url =
									`/pages/views/packageE/type-jobhunting/TUI-Chat/chat?conversationID=${conversationID}`;
								uni.navigateTo({
									url: url,
								});
							}
						}
					});
				} else {
					this.tankuangText = "沟通职位之前，请先完善简历";
					this.open();
					// this.$util.toast("沟通职位之前，请先完善简历")
				}
			},
			// 跳转公司详情
			qiyexiangqing(item) {
				// console.log(item);
				let corpid = item.CorpId;
				uni.navigateTo({
					url: "/pages/views/packageA/type-jobhunting/search/companyDetails?corpId=" +
						corpid,
				});
			},
			// 视频跳转公司详情
			companyDetails() {
				let corpId = this.popupVideoList.CorpId;
				uni.navigateTo({
					url: "/pages/views/packageA/type-jobhunting/search/companyDetails?corpId=" +
						corpId,
				});
			},
			// getVideoCtx() {
			// 	// return this.$refs['vdplayer' + this.currentVideo][0]
			// 	return uni.createVideoContext('myVideo' + this.currentIndexVideo, this)
			// },

			//视频 职位描述
			JobDescriptionmiaoshu(item) {
				// console.log(item);
				this.popupShow = true;
				this.popupVideoList = item;
			},
			swiperVideoChange(e) {
				// console.log("视频", e);
				clearTimeout(time);
				time = setTimeout(() => {
					if (this.pageStartY > this.pageEndY) {
						// console.log("向上滑动")
						this.pageStartY = 0;
						this.pageEndY = 0;
					} else {
						// console.log("向下滑动");
						this.pageStartY = 0;
						this.pageEndY = 0;
					}
				}, 1);
			},
			touchStart(res) {
				this.pageStartY = res.changedTouches[0].pageY;
				// console.log(this.pageStartY);
			},
			touchEnd(res) {
				this.pageEndY = res.changedTouches[0].pageY;
				// console.log(this.pageEndY);
			},
			swiperChange(e) {
				// console.log(e);
				// this.currentIndex = e.detail.current
				// console.log(this.currentIndex);
				// this.showgxq = true
				if (this.shouyeDataList.length - e.detail.current < 2) {
					//重新请求数据
					if (this.flag) {
						// console.log(e.detail.current)
						this.dataList();
					} else {
						this.$util.toast("没有更多数据了");
					}
				}
			},
			// 查询数据
			dataList() {
				let obj = {
					pageIndex: this.pageindex,
					pageSize: this.pagesize,
					KeyWord: this.KeyWord, //关键字
					ProvinceCode: this.ProvinceCode, //工作地点 省
					CityCode: this.CityCode, //工作地点 市
					AreaCode: this.AreaCode, //工作地点 区
					PositionId: this.PositionId, //string or null 职位 多个,隔开
					IndustryIds: this.IndustryIds, //string or null 行业 多个,隔开
					Wage: this.Wage, //薪资待遇 如 3000-5000 参考字典
					Education: this.Education, //string  or null 学历要求 多个,隔开 如2,3 参考字典
					Experience: this.Experience, //string  or null 工作经验 多个,隔开 如2,3 参考字典
					WorkType: this.WorkType, //职位性质 0全职 1兼职 2实习
					JobType: this.JobType, //招聘类型 0社招 1校招
					Category: this.Category, //企业性质
					Stage: this.Stage, //融资阶段
					Scale: this.Scale, //企业规模
					Size: this.Size, //人员规模
					IsVideo: this.IsVideo, //视频招聘 0 所有 1 视频 2 非视频
				};
				// console.log('obj', obj);
				this.$http.huirc.jobsearch(obj).then((res) => {
					if (!this.activation) {
						let pcadd = "";
						if (this.Pattern) {
							if (res.Result) {
								this.shouyeDataList = this.shouyeDataList.concat(
									res.Result.Items
								);
								let arr = [];
								this.shouyeDataList.forEach((item, index) => {
									if (!item.Corp.Welfares) {
										arr.push(JSON.parse(item.Corp.Welfares));
									}
									// 根据选择地址的CityCode循环出市区
									this.areaOptions.forEach((item1) => {
										item1.children.forEach((item2) => {
											if (item.CityCode == item2.value) {
												if (item2.label == "市辖区" || item2.label ==
													"县辖区") {
													pcadd = item1.label;
												} else {
													pcadd = item2.label;
												}
											}
										});
									});
									this.shouyeDataList[index].PcaAddress = pcadd;
								});
								this.fuliDataList = arr;
								// console.log(res.Result.Items.length, this.pagesize)
								if (res.Result.Items.length == 0) {
									// 没有数据----
									this.status = "nomore";
									this.flag = false;
									return;
								} else {
									if (res.Result.Items.length >= this.pagesize) {
										// 表示还有数据

										this.pageindex++;
										this.more = true;
										this.flag = true;
									} else {
										this.status = "nomore";
										this.more = false;
										this.flag = false;
									}
									// this.flag = true
								}
							}
						} else {
							if (res.Result) {
								// console.log(res.Result)
								this.shouyeDataList = this.shouyeDataList.concat(
									res.Result.Items
								);
								let arr = [];
								this.shouyeDataList.forEach((item, index) => {
									// console.log(JSON.parse(item.Corp.Welfares));
									if (!item.Corp.Welfares) {
										arr.push(JSON.parse(item.Corp.Welfares));
									}
									// 根据选择地址的CityCode循环出市区
									this.areaOptions.forEach((item1) => {
										item1.children.forEach((item2) => {
											if (item.CityCode == item2.value) {
												if (item2.label == "市辖区" || item2.label ==
													"县辖区") {
													pcadd = item1.label;
												} else {
													pcadd = item2.label;
												}
											}
										});
									});
									this.shouyeDataList[index].PcaAddress = pcadd;
								});

								this.fuliDataList = arr;
								// console.log(res.Result.Items.length, this.pagesize)
								if (res.Result.Items.length == 0) {
									// 没有数据----
									this.status = "nomore";
									this.flag = false;
									return;
								} else {
									if (res.Result.Items.length >= this.pagesize) {
										// 表示还有数据

										this.pageindex++;
										this.more = true;
										this.flag = true;
									} else {
										this.status = "nomore";
										this.more = false;
										this.flag = false;
									}
								}
							}
						}
					} else {
						if (res.Result) {
							// console.log(res.Result)
							this.videoList = this.videoList.concat(res.Result.Items);
							// console.log(res.Result.Items.length, this.pagesize)
							if (res.Result.Items.length == 0) {
								// 没有数据----
								this.status = "nomore";
								this.flag = false;
								return;
							} else {
								if (res.Result.Items.length >= this.pagesize) {
									// 表示还有数据

									this.pageindex++;
									this.more1 = true;
									this.flag = true;
								} else {
									this.status = "nomore";
									this.more1 = false;
									this.flag = false;
								}
								// this.flag = true

								// console.log(this.videoList);
							}
						}
					}

					console.log(this.shouyeDataList);
				});
			},
			ReachBottom(e) {
				if (this.flag) {
					this.dataList();
				}
			},
			//清空
			empty() {
				if (this.pattern) {
					if (!this.activation) {
						//推荐
						this.pageindex = 1;
						this.more = true;
						this.shouyeDataList = [];
					} else {
						//视频
						this.pageindex = 1;
						this.more1 = true;
						this.videoList = [];
						this.num = 0;
					}
				} else {
					this.pageindex = 1;
					this.shouyeDataList = [];
				}
			},

			// 跳转详情
			JobDetails(item) {
				// ?renid=${item.f_faburenid}&f_id=${item.f_id}
				// console.log(item);
				let id = item.Id;
				uni.navigateTo({
					url: `/pages/views/packageA/type-jobhunting/search/JobDetails?id=` + id,
				});
			},
			getJobIntention() {
				//获取求职意向
				this.$http
					.publicSelect({
						result: [{
							Field: "f_yhbid",
							Start: uni.getStorageSync("hui_id"),
							End: "",
							Condition: 1,
						}, ],
						tablename: "t_bs_qiuzhiyixiangbiao",
						type: "1",
					})
					.then((res) => {
						if (res.code) {
							if (res.data) {
								this.IntentionData = res.data;
								this.region.push(res.data[0].f_yixiangchengshi);
								this.position =
									this.IntentionData[this.tabNum].f_qiwangzhiye.split(",")[2];
								return;
							}
						}
						this.getLocation();
					});
			},
			videoErrorCallback(e) {
				console.log(e);
			},
			upperVideo() {
				if (this.num == 0) {
					this.$util.toast("这已是首个视频");
					return;
				}
				this.showVideo = false;
				this.num--;
				this.showVideo = true;
			},
			nextVideo() {
				if (this.videoList.length == 0) {
					this.$util.toast("暂无数据");
					return;
				}
				if (this.num == this.videoList.length - 1) {
					this.$util.toast("到底了");
					return;
				}
				if (this.videoList.length - this.num < 10) {
					if (this.more1) {
						this.dataList();
					}
				}
				this.showVideo = false;
				this.num++;
				this.showVideo = true;
			},
			clickScreenitem(index, name) {
				this.empty();
				this.tabNum = index;
				this.position = name;
				this.getJobWanted();
			},
			JobIntention() {
				// 跳转 求职意向

				// let url = "/packageB/resume/edit/JobIntention";
				this.$http.huirc.resumemy().then((res) => {
					if (res.Result && res.Result.Id) {
						// this.qiuzhiyixiangData = res.Result.JobExpects
						this.ResumeId = res.Result.Id;
						// console.log(this.qiuzhiyixiangData);

						uni.redirectTo({
							url: "/pages/views/packageA/type-recruit/live/index",
						});
						return;
						uni.navigateTo({
							url: `/pages/views/packageB/type-jobhunting/jobIntention?type=${1}&fuid=${
              res.Result.Id
            }`,
						});
					} else {
						this.$util.toast("添加求职意向前，请先完善信息");
						setTimeout(() => {
							uni.navigateTo({
								url: "/pages/views/packageB/type-jobhunting/resume/edit/basic",
							});
						}, 1500);
					}
				});
			},

			getJobIntention() {
				//获取求职意向
				this.$http.huirc.resumemy().then((res) => {
					if (res.Result.Id) {
						// this.qiuzhiyixiangData = res.Result.JobExpects
						this.ResumeId = res.Result.Id;
						// console.log(this.qiuzhiyixiangData);
					} else {
						uni.navigateTo({
							url: "/pages/views/packageB/type-jobhunting/resume/edit/basic",
						});
					}
				});
				this.dataList();
			},

			fnScreen() {
				//将筛选数据传过去
				// console.log(uni.getStorageSync('activation'));
				let data = JSON.stringify(this.searchDataList);
				// console.log(data)
				uni.navigateTo({
					url: "/pages/views/packageA/screen?data=" + data,
				});
			},
			locationFilter(data) {
				//选择城市
				this.empty();
				this.city = data;
				uni.setStorageSync("cityData", this.city);
			},
			getLocation() {
				uni.getLocation({
					type: "gcj02",
					geocode: true,
					success: (res) => {
						this.region = [];
						this.region.push(res.address.province);
						this.region.push(res.address.city);
						this.region.push(res.address.district);
					},
					fail: (res) => {
						this.dataList();
					},
				});
			},
			selCity() {
				this.showPicker = true;
			},
			JobDescription() {
				this.showVideo = false;
				this.popupShow = true;
			},
			fnActivation(state) {
				//视频  推荐
				// debugger
				uni.setStorageSync("activation", state); //true视频  false推荐
				if (uni.getStorageSync("activation")) {
					//视频
					this.fontColor = "#fff";
					this.headBg = "#151724";
					this.tabfontColor = "#fff";
					this.videoList = [];
					this.pageindex = 1;
					this.dataList();
				} else {
					//推荐

					this.fontColor = "#fff";
					this.headBg = "#1684FC";
					this.tabfontColor = "#000";
					if (this.Pattern) {
						this.shouyeDataList = [];
						this.pageindex = 1;
						this.dataList();
					} else {
						this.shouyeDataList = [];
						this.pageindex = 1;
						this.dataList();
					}
				}
				this.activation = uni.getStorageSync("activation");
			},
			updatePattern(bool) {
				//切换
				uni.setStorageSync("pattern", bool); //切换成了列表，保存false
				// console.log(this.more)
				// console.log(this.List)

				this.pattern = uni.getStorageSync("pattern");
				// console.log(uni.getStorageSync('pattern'));
				if (!uni.getStorageSync("pattern")) {
					//切回卡片  列表

					this.$refs.myHead.clickTab(false);
					this.activation = false; //为你推荐
					uni.setStorageSync("activation", this.activation);
					this.fontColor = "#fff";
					this.headBg = "#1684FC";

					this.shouyeDataList = [];
					this.pageindex = 1;
					this.dataList();
				} else {
					if (uni.getStorageSync("activation")) {
						// 视频
						this.fontColor = "#fff";
						this.headBg = "#151724";
						this.shouyeDataList = [];
						this.pageindex = 1;
						this.empty();
						this.dataList();
					} else {
						//推荐
						this.fontColor = "#fff";
						this.headBg = "#1684FC";
						this.shouyeDataList = [];
						this.pageindex = 1;
						this.empty();
						this.dataList();
					}
				}
			},

			videoErrorCallback() {},
		},
	};
</script>

<style lang="scss" scoped>
	page {
		background-color: #f9f9f9;
	}

	.all-list {
		overflow: hidden;
		position: fixed;
		height: 100%;
		width: 100%;
	}

	.content3 {
		// width: 100%;
		margin-top: 20rpx;
		background-color: #fff;
		padding: 40rpx 30rpx 20rpx;
		box-sizing: border-box;
		border-radius: 8rpx;

		// width: 100%;
		// padding-bottom: constant(safe-area-inset-bottom);
		// /* 兼容 iOS < 11.2 */
		// padding-bottom: env(safe-area-inset-bottom);
		// /* 兼容 iOS >= 11.2 */
		// box-sizing: border-box;
		// min-height: calc(100vh - 176rpx - var(--status-bar-height));
		// display: flex;
		// flex-direction: column;

		.viewclss {
			.job_name {
				font-size: 38rpx;
				color: #000000;
				width: auto;
			}

			.wages {
				font-size: 38rpx;
				color: #f35370;
				width: auto;
			}
		}

		.requirement {
			// width: 100%;
			margin: 30rpx 0 20rpx;

			view {
				font-size: 24rpx;

				font-weight: 500;
				color: #313131;
				width: auto;
				margin-right: 50rpx;
			}
		}

		.treatment {
			border-bottom: 1px solid #dee5ef;
			display: flex;
			/* flex-wrap: wrap; */
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 98%;

			view {
				padding: 14rpx 20rpx;
				font-size: 24rpx;

				font-weight: 500;
				color: #666666;
				background: #f7f7f7;
				border-radius: 4rpx;
				margin-right: 20rpx;
				width: auto;
				margin-bottom: 20rpx;
			}
		}

		.company-bottom {
			padding: 25rpx 0rpx;

			.left-company {
				width: auto;
				height: auto;
				position: relative;

				.logo {
					width: 100rpx;
					height: 100rpx;
					flex-shrink: 0;
					border-radius: 100%;
				}

				.stateCla {
					position: absolute;
					top: 100rpx;
					left: 100rpx;

					.onlineStateCla {
						width: 15rpx;
						height: 15rpx;
						background-color: #14c88b;
						border-radius: 50%;
						float: right;
					}

					.noOnlineStateCla {
						width: 15rpx;
						height: 15rpx;
						background-color: #b2b6bf;
						border-radius: 50%;
						float: right;
					}
				}

				.company-name-box {
					height: 60rpx;
					margin-left: 50rpx;
					position: relative;

					.on-line {
						position: absolute;
						width: 12rpx;
						height: 12rpx;
						background: #14c88b;
						border-radius: 50%;
						bottom: 0;
						left: -40rpx;
					}

					.company-name {
						font-size: 24rpx;
						font-weight: 500;
						color: #999999;
						width: auto;
					}
				}
			}

			.position_item1 {
				font-size: 24rpx;
				font-weight: 500;
				color: #999999;

				view {
					margin-left: 20rpx;
				}
			}
		}
	}

	.icon-screen {
		width: 100%;
		height: 88rpx;
		border-radius: 20rpx 20rpx 0px 0px;
		padding: 0 30rpx;
		box-sizing: border-box;
		position: relative;
		background-color: #f9f9f9;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 2;

		.tabscrollview {
			width: 80%;
		}

		.tabs {
			height: 78rpx;
			width: 100%;
			// background-color: #fff;
			// position: fixed;
			left: 0;
			right: 0;
			z-index: 1;
			// padding: 0 10rpx 0 20rpx;
			display: flex;
			// box-sizing: border-box;

			.tabs-text {
				font-size: 24rpx;
				text-align: center;
				line-height: 36px;
			}

			.tabs-text1 {
				font-size: 24rpx;
				text-align: center;
				line-height: 36px;
				color: #fff;
			}

			view {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #000;
				height: 100%;
				// width: 20%;
				margin-right: 30rpx;
			}

			.tabs-item {
				display: flex;
				justify-content: center;
				align-items: center;
				white-space: pre;
				font-size: 32rpx;
			}

			.item {
				color: #268af1;
				position: relative;

				view {
					width: 52rpx;
					height: 5rpx;
					background: #268af1;
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translate(-50%, 0);
					font-size: 32rpx;
				}
			}

			.item1 {
				color: #fff;
				position: relative;

				view {
					width: 52rpx;
					height: 5rpx;
					background: #fff;
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translate(-50%, 0);
				}
			}

			.item2 {
				color: #fff;
				position: relative;

				view {
					width: 52rpx;
					height: 5rpx;
					background: #fff;
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translate(-50%, 0);
				}
			}
		}

		.Sliding-box {
			width: calc(100% - 40rpx);
			height: 100%;
			white-space: nowrap;
			overflow-x: auto;
			display: flex;

			.add_name {
				font-size: 26rpx;

				font-weight: 500;
				color: #333333;
				margin-right: 48rpx;
				display: inline-block;
			}

			.video_sty {
				color: #fff !important;

				view {
					background: #fff;
				}
			}

			.add_name_activation {
				color: #0199fe;

				view {
					width: 30rpx;
					height: 4rpx;
					background: #0199fe;
					margin-top: 10rpx;
				}
			}

			.add_video_activation {
				color: #fff;

				view {
					width: 30rpx;
					height: 4rpx;
					background: #fff;
					margin-top: 10rpx;
				}
			}
		}

		.icon-box {
			width: 90rpx;

			image {
				width: 32rpx;
				height: 32rpx;
			}
		}
	}

	.tab-color1 {
		background-color: #151724;
	}

	.content {
		width: 100%;
		padding-bottom: constant(safe-area-inset-bottom);
		/* 兼容 iOS < 11.2 */
		padding-bottom: env(safe-area-inset-bottom);
		/* 兼容 iOS >= 11.2 */
		box-sizing: border-box;
		// min-height: calc(100vh - 176rpx - var(--status-bar-height));
		display: flex;
		flex-direction: column;

		.uni-margin-warp {
			width: 100%;
			height: 82vh;
			// margin-top: 20rpx;

			.swiperbanner {
				width: 100%;
				height: calc(100vh - 170rpx - var(--status-bar-height));

				.swiperbanner-item {
					height: 100%;

					.banner {
						flex: 1;
						display: flex;
						align-items: center;
						justify-content: center;
						background-color: #151724;
						flex-direction: column;

						/*垂直居中*/
						.iframe {
							height: calc(100vh - 274rpx - var(--status-bar-height));
							width: 100%;
						}

						.bottom_bar {
							width: 100%;
							display: flex;
							justify-content: space-around;
							box-sizing: border-box;
							height: 98rpx;
							padding: 0 50rpx;
							background-color: #151724;
							box-shadow: 0px 0px 5rpx 0px rgba(131, 140, 149, 0);

							image {
								width: 40rpx;
								height: 40rpx;
							}

							.but-text {
								font-size: 20rpx;

								// font-weight: bold;
								color: #ffffff;
								line-height: 1;
								padding-top: 10rpx;
							}
						}
					}
				}
			}
		}
	}

	.content2 {
		width: 100%;
		padding-bottom: constant(safe-area-inset-bottom);
		/* 兼容 iOS < 11.2 */
		padding-bottom: env(safe-area-inset-bottom);
		/* 兼容 iOS >= 11.2 */
		box-sizing: border-box;
		// min-height: calc(100vh - 186rpx - var(--status-bar-height));
		display: flex;
		flex-direction: column;

		.uni-margin-wrap {
			margin-top: 20rpx;
			width: 100%;
			// height: calc(100vh - 310rpx - var(--status-bar-height));
			// height: calc(100vh - 290rpx - var(--status-bar-height));
			height: calc(100vh - 306rpx);
			// height: 79vh;

			.banner {
				height: 100%;

				.swiper-banner_item {
					height: 100%;
					width: 100%;
					display: flex;
					justify-content: center;
					flex-direction: column;
					align-items: center;

					.banner_item {
						height: 100%;
						width: 96%;
						background: #ffffff;
						box-shadow: 0px 3rpx 24rpx 0px rgba(106, 106, 106, 0.13);
						border-radius: 20rpx;
						overflow: hidden;
						display: flex;
						flex-direction: column;
						position: relative;

						.position_item {
							width: 100%;
							//padding: 50rpx 30rpx;
							justify-content: space-between;
							display: flex;
							box-sizing: border-box;

							.position_name {
								font-size: 46rpx;
								//
								// font-weight: bold;
								color: #313131;
							}

							.wages {
								font-size: 32rpx;

								font-weight: bold;
								color: #f35370;
							}
						}

						.requirements {
							width: 100%;
							padding: 0 0 30rpx;
							justify-content: space-between;
							display: flex;
							box-sizing: border-box;
							flex-wrap: wrap;
							border-bottom: 1px solid #dee5ef;

							image {
								width: 32rpx;
								height: 32rpx;
								margin-right: 10rpx;
								flex-shrink: 0;
							}

							view {
								font-size: 26rpx;

								font-weight: 500;
								color: #313131;
							}
						}

						.company-box {
							width: 100%;
							padding: 30rpx 0 50rpx;
							box-sizing: border-box;

							.logo {
								width: 100rpx;
								height: 100rpx;
								border-radius: 50%;
							}

							.company-box-right {
								margin-left: 36rpx;
								position: relative;

								.state {
									width: 12rpx;
									height: 12rpx;
									background: #14c88b;
									border-radius: 50%;
									position: absolute;
									left: -30rpx;
									bottom: 0;
								}

								.company_name {
									font-size: 30rpx;
									color: #313131;
									margin-bottom: 14rpx;
								}

								.release_time {
									font-size: 26rpx;
									font-weight: 500;
									color: #999999;
									margin-right: 30rpx;
								}
							}
						}

						.JobDescription {
							width: 100%;

							font-weight: 500;
							color: #313131;
							font-size: 34rpx;
							// font-weight: 800;
							padding-bottom: 20rpx;
							box-sizing: border-box;
						}

						.specific {
							font-weight: 500;
							color: #313131;
							font-size: 24rpx;
							padding: 26rpx 10rpx;
							box-sizing: border-box;
						}

						.content_d {
							width: 100%;
							padding: 0 10rpx;
							box-sizing: border-box;
							position: relative;
							overflow-y: auto;
							flex: 1;
							height: 0;

							.li {
								font-size: 26rpx;

								font-weight: 400;
								color: #313131;
								line-height: 34rpx;
								padding-bottom: 28rpx;
							}
						}
					}

					.bottom_bar {
						width: 100%;
						height: 100rpx;
						display: flex;
						justify-content: space-around;
						// padding: 0 90rpx;
						box-sizing: border-box;
						// background-color: #f9f9f9;
						margin-top: 20rpx;

						.but-text {
							font-size: 20rpx;

							// font-weight: bold;
							color: #151724;
							// padding-top: 20rpx;
						}

						image {
							width: 42rpx;
							height: 42rpx;
						}
					}
				}
			}
		}

		.banner {
			height: 100%;
		}

		.swiper-item {
			display: block;
			height: 100%;
			line-height: 300rpx;
			text-align: center;
		}

		.swiper-list {
			margin-top: 40rpx;
			margin-bottom: 0;
		}

		.uni-common-mt {
			margin-top: 60rpx;
			position: relative;
		}

		.info {
			position: absolute;
			right: 20rpx;
		}

		.uni-padding-wrap {
			width: 550rpx;
			padding: 0 100rpx;
		}
	}

	.banner_item {
		height: 1000rpx;
		width: 100%;
		background: #ffffff;
		border-radius: 20rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		position: relative;
		padding: 0 20rpx 20rpx;
		box-sizing: border-box;

		.title {
			text-align: center;
			margin: 30rpx 0;
			color: #000;
			font-weight: 800;
		}

		.position_item {
			width: 100%;
			padding: 30rpx 0 30rpx;
			justify-content: space-between;
			display: flex;
			box-sizing: border-box;

			.position_name {
				font-size: 46rpx;

				// font-weight: bold;
				color: #313131;
			}

			.wages {
				font-size: 32rpx;

				// font-weight: bold;
				color: #f35370;
			}
		}

		.requirements {
			width: 100%;
			padding: 0 0 30rpx;
			justify-content: space-between;
			display: flex;
			box-sizing: border-box;
			flex-wrap: wrap;
			border-bottom: 1px solid #dee5ef;

			image {
				width: 32rpx;
				height: 32rpx;
				margin-right: 10rpx;
				flex-shrink: 0;
			}

			view {
				font-size: 26rpx;

				font-weight: 500;
				color: #313131;
			}
		}

		.company-box {
			width: 100%;
			padding: 0rpx 0 20rpx;
			box-sizing: border-box;

			.company-box-top {
				position: relative;

				.logo {
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;

					flex-shrink: 0;
				}

				.stateCla {
					position: absolute;

					top: 100rpx;
					left: 100rpx;

					.onlineStateCla {
						width: 15rpx;
						height: 15rpx;
						background-color: #14c88b;
						border-radius: 100%;
						float: right;
					}

					.noOnlineStateCla {
						width: 15rpx;
						height: 15rpx;
						background-color: #b2b6bf;
						border-radius: 100%;
						float: right;
					}
				}
			}

			.company-box-right {
				position: relative;

				.state {
					width: 12rpx;
					height: 12rpx;
					background: #14c88b;
					border-radius: 50%;
					position: absolute;
					left: -30rpx;
					bottom: 0;
				}

				.title {
					display: flex;
					align-items: center;
					margin-bottom: 14rpx;

					.company_name {
						font-size: 30rpx;

						// font-weight: bold;
						color: #313131;
					}
				}

				.release_time {
					font-size: 26rpx;

					font-weight: 500;
					color: #999999;
					margin-right: 30rpx;
				}
			}
		}

		.JobDescription {
			width: 100%;

			font-weight: 500;
			color: #313131;
			font-size: 34rpx;
			// font-weight: 800;
			padding-bottom: 20rpx;
			box-sizing: border-box;
		}

		.position {
			width: 100%;
			padding: 0rpx 30rpx 20rpx 0rpx;
			// justify-content: space-between;
			display: flex;
			box-sizing: border-box;

			.position-name {
				padding: 20rpx;
				font-size: 28rpx;
				box-sizing: border-box;
				background: #f7f7f7;
				margin: 0 20rpx 10rpx 0;
			}
		}

		.specific {
			font-weight: 500;
			color: #313131;
			font-size: 24rpx;
			padding: 26rpx 10rpx;
			box-sizing: border-box;
		}

		.content_d {
			width: 100%;
			padding: 0 10rpx;
			box-sizing: border-box;
			position: relative;
			flex: 1;
			height: 100rpx;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;

			.li {
				font-size: 26rpx;

				font-weight: 400;
				color: #313131;
				line-height: 34rpx;
				padding-bottom: 28rpx;
			}
		}
	}

	// 缺省页
	.queshenye {
		height: calc(100vh - 88rpx - var(--status-bar-height));
		background-color: #fff;
		text-align: center;

		.queshenye-chi {
			height: 500px;
		}
	}

	.upopup {
		padding: 20rpx 50rpx;
		width: 600rpx;
		text-align: center;

		.upopupnr {
			margin: 30rpx 0rpx;
			height: 300rpx;
			overflow-y: auto;
			line-height: 10;
		}

		.but {
			.upopupnrbut {
				padding: 14rpx 32rpx;
				background-color: #1684fc;
				border-radius: 10rpx;
				color: #ffffff;
				display: inline-block;
			}
		}
	}
</style>